.card-bank-container {
  height: 99%;
}
.header-tabs {
  width: 100%;
  justify-content: space-between;
  height: 10%;

  .bank-accounts-btn {
    width: 30%;
    margin-right: 3rem !important;
  }
}

//Cards tab Here
.card-accounts-container {
  height: 94vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;

  .card-item {
    position: relative;
    width: 84%;
    height: 18%;
    border-radius: $border-radius-sm;
    background: linear-gradient(266deg, #005dff 0%, #dfdfdf 100%);
    .check-icon {
      position: absolute;
      right: -4%;
      top: -15%;
    }
    .card-title {
      width: 23%;
      position: absolute;
      left: 4%;

      .card-icon {
        width: 70%;
      }
      .card-toggle {
        width: 90%;
      }
    }

    .detail-box {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      text-align: center;
      .background-img {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 2;
      }

      .card-detail {
        color: $white;
      }
    }
  }
  .account-btn {
    width: 84%;
  }
}

// Account Banks tab Here

.bank-accounts-container {
  height: 94vh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;

  .account-item {
    height: 23%;
    width: 73%;
    position: relative;

    .check-icon {
      position: absolute;
      left: 95%;
      top: -10%;
      z-index: 12;
    }
    .detail-box {
      position: absolute;
      height: 100%;
      width: 100%;

      .background-img {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 12;
      }
    }

    .account-detail {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      width: 100%;
      height: 100%;
      // -webkit-box-shadow: 2px 1px 14px 5px #b4b4b4;
      // box-shadow: 2px 1px 14px 5px #b4b4b4;

      .card-information {
        width: 82%;
        display: flex;
        justify-content: space-evenly;
        z-index: 26;
        .trash-icon {
          cursor: pointer;
          z-index: 30;
        }
      }
    }
  }

  .account-btn {
    width: 72%;
  }
  .view-all-btn {
    width: 23%;
  }
}
